    .section-content {
      display: flex;
      justify-content: space-between;
    }

    .section-content .left-content {
      width: 872px;
      height: 1300px;
    }

    .section-content .left-content .tag-list {
      display: flex;
      flex-wrap: wrap;
      margin-top: 10px;
    }

    .section-content .left-content .tag-list .item a {
      display: block;
      margin: 0 8px 10px 0;
      padding: 0 15px;
      height: 24px;
      line-height: 24px;
      border: 1px solid #e5e5e5;
      border-radius: 10px;
      background-color: #f5f5f5;
    }

    .section-content .left-content .tag-list .item a.active,
    .section-content .left-content .tag-list .item a:hover {
      color: white;
      background-color: #f3c258;
      border-color: #f3c258;
    }

    .section-content .left-content .match-news {
      display: flex;
      justify-content: space-between;
      height: 260px;
      margin: 20px 0;
    }

    .section-content .left-content .match-news .news-left {
      width: 211px;
    }

    .section-content .left-content .match-news .news-right {
      flex: 1;
      padding: 0 15px;
      overflow: hidden;
    }

    .section-content .left-content .match-news .news-right .title {
      font-size: 24px;
      color: #333;
      padding-right: 80px;
    }

    .section-content .left-content .match-news .news-right .subtitle {
      padding-right: 160px;
      color: #666;
    }

    .section-content .left-content .match-news .news-right .news-list .item {
      display: flex;
      align-items: center;
      margin-top: 10px;
    }

    .section-content .left-content .match-news .news-right .news-list .news-type-match {
      display: inline-block;
      width: 52px;
      height: 23px;
      margin-right: 12px;
      border-radius: 10px;
      line-height: 23px;
      text-align: center;
      color: #999;
      font-size: 12px;
      background-color: #e3e3e3;
    }

    .section-content .left-content .match-news .news-right .news-list a {
      flex: 1;
      padding-right: 50px;
    }

    .section-content .left-content .match-news .news-right .news-list .date {
      font-size: 12px;
      color: #b8b9c5;
    }

    .section-content .right-content {
      width: 295px;
      height: 1300px;
    }

    .section-content .right-content .hero-section .new-hero {
      display: block;
      margin-top: 20px;
      border: 1px solid #f5f5f5;
    }

    .section-content .right-content .hero-section .new-hero img {
      width: 100%;
    }

    .section-content .right-content .hero-section .new-hero .intro {
      height: 47px;
      padding: 10px 15px;
      border: 1px solid #e5e5e5;
      border-top: none;
      border-radius: 0 0 2px 2px;
    }

    .section-content .right-content .hero-section .new-hero .name {
      color: #333;
      font-size: 18px;
      font-weight: 700;
    }

    .section-content .right-content .hero-section .new-hero .date {
      margin-top: 5px;
      color: #999;
      font-size: 12px;
    }

    .section-content .right-content .hero-section .hero-list {
      display: flex;
      justify-content: space-between;
      height: 173px;
      margin: 10px 0;
    }

    .section-content .right-content .hero-section .hero-list .item {
      width: 68px;
    }

    .section-content .right-content .hero-section .hero-list a {
      position: relative;
      display: block;
    }

    .section-content .right-content .hero-section .hero-list .mask {
      opacity: 0;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      line-height: 173px;
      color: #fff;
      text-align: center;
      background-color: rgba(0, 0, 0, .7);
      transition: all 300ms ease;
    }

    .section-content .right-content .hero-section .hero-list a:hover .mask {
      opacity: 1;
    }

    .section-content .right-content .sechedule-section .schedule-time {
      width: 100%;
      font-size: 12px;
      text-align: center;
      border-collapse: collapse;
    }

    .section-content .right-content .sechedule-section .schedule-time img {
      width: 25px;
      height: 25px;
    }

    .section-content .right-content .sechedule-section .schedule-time tbody tr {
      border-bottom: 1px solid #e5e5e5;
    }

    .section-content .right-content .sechedule-section .schedule-time tbody td {
      padding: 10px 0;
    }

    .section-content .right-content .sechedule-section .schedule-time tbody td:nth-child(3) {
      font-size: 14px;
      color: #f3c258;
    }